﻿/*******************/
/* site defined vars */
@boxborder: 3px;
@boxpadding: 5px;
/* framework vars */

@fontface: Segoe UI, Lucida Grande, Sans-serif;
@arfontface: "Droid Arabic Naskh", tahoma, sans-serif;
@color: #333;
@inversecolor: #fff;
@linkcolor: #4aa1ff;
@visitedlinkcolor: #800080;
@altlinkcolor: #316fb2;
@red: #ef4623;
@yellow: #ffe684;
@green: #d8eeb1;
@grey: #e2ddc9;
@greynormal: #beb9a5;
@greydark: #333;
@textlight: #666;
@textlighter: #999;
@textdark: #333;
@hilite: #feffa7;
@selectedcolor: #f5f700;
@radius: 3px;
@logoimage: "../images/ilogo.png";
@logocolumns: 2;


/* grid layout */
@gridColumns: 20; /* does not affect wrapper, it makes space around it */
@gridColumnWidth: 60px; /* affects the wrapper width thus the content natural width, 60 => 1024 sizes */
@gridGutterWidth:20px; /* affects wrapper and site width */
@extraSpace: 10px; /* pads around boxed content */
@wrapper: 12;
@leftheader: 3;


@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));

